// 首页实现
// 首页实现
// 获取元素
var offBtn = document.querySelector('.off')
var onBtn = document.querySelector('.on')
var btn = document.querySelector('p>button') 
// 获取用户 token 和 id 值
var token = window.localStorage.getItem('token')
var id = window.localStorage.getItem('id') - 0
// 设计一个函数
setList ()
function setList (){
	// 判断是不是处于登录状态
	if(!token || !id){
		offBtn.classList.add('active')
		onBtn.classList.remove('active')
		return
	}
	// 代码到这里说明曾今登录过不能保证现在是登录状态
	// 也不能保证token在有效期内
	// 所以再次发送请求验证
	const xhr = new XMLHttpRequest()
	xhr.open('get',`http://localhost:8888/users/info?id=${id}`)
	xhr.onload = ()=> {
		let res = JSON.parse(xhr.response)
		console.log(res)
		if(res.code !==1){
			offBtn.classList.add('active')
			onBtn.classList.remove('active')
			return
		}
		offBtn.classList.remove('active')
		onBtn.classList.add('active')
		onBtn.firstElementChild.innerText =res.info.nickname
	}
	 xhr.setRequestHeader('authorization',token)
	xhr.send()
	
	
}
// 退出登录
// 给button添加一个点击事件
    btn.addEventListener('click', () => {
		const xhr = new XMLHttpRequest()
		xhr.open('get',`http://localhost:8888/users/info?id=${id}`)
		xhr.onload = ()=> {
			let res = JSON.parse(xhr.response)
			console.log(res)

		}
		 xhr.setRequestHeader('authorization',token)
		xhr.send()

    // 删除掉本地的id和token
    window.localStorage.removeItem('id')
    window.localStorage.removeItem('token')
    window.location.href = '../views/index.html'
}) 